<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
    用户名、邮箱、密码验证
    个人信息（姓名、性别、生日）
    联系方式（手机、地址）
    兴趣爱好选择
    协议同意复选框
    完整的HTML5验证
    -->
</head>

<body>
    <main>
        <article>
            <section>
                <form action="">
                    <table>
                        <caption>注册</caption>
                        <tr>
                            <td>用户名：</td>
                            <td><input type="text" name="" id="" pattern="" required></td>
                        </tr>
                        <tr>
                            <td>邮箱：</td>
                            <td><input type="email" name="" id="" required></td>
                        </tr>
                        <tr>
                            <td>密码：</td>
                            <td><input type="password" name="" id="" required></td>
                        </tr>
                        <tr>
                            <td>再次输入密码：</td>
                            <td><input type="password" name="" id="" required></td>
                        </tr>
                        <tr>
                            <td>姓名：</td>
                            <td><input type="text" name="" id="" required></td>
                        </tr>
                        <tr>
                            <td>性别：</td>
                            <td><input type="radio" name="gender" id="1" required>男<input type="radio" name="gender"
                                    id="2">女
                            </td>
                        </tr>
                        <tr>
                            <td>生日：</td>
                            <td><input type="datetime" name="" id="" required></td>
                        </tr>
                        <tr>
                            <td>手机：</td>
                            <td><input type="tel" name="" id="" required></td>
                        </tr>
                        <tr>
                            <td>地址：</td>
                            <td><select name="address" id="" required >
                                    <option value="1">北京</option>
                                    <option value="2">上海</option>
                                    <option value="3">广州</option>
                                    <option value="4">深圳</option>
                                </select></td>
                        </tr>
                        <tr>
                            <td>兴趣爱好：</td>
                            <td>
                                <input type="checkbox" name="" id="" value="1">跑步
                                <input type="checkbox" name="" id="" value="2">骑行
                                <input type="checkbox" name="" id="" value="3">篮球
                                <input type="checkbox" name="" id="" value="4">游泳
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2"><input type="checkbox" name="" id="" required>用户协议</td>
                        </tr>
                        <tr>
                            <td colspan="2"><input type="submit" name="" id="" value="注册"></td>
                        </tr>
                    </table>
                </form>
            </section>
        </article>
    </main>
</body>

</html>